<template>
    <div class="container">
        <div class="popupIframe" v-if="dialogContentShow">
            <div class="dialogContent">
                <img class="tipClose" src="../../images/bannerClose.png" @click="closeDialog">
                <img :src="dialogContent.imgUrl" @click="cardClick" />
            </div>
        </div>
        <div class="warnTip" style="width:100%;text-align:center" v-if="showActivity">活动期间，您可免押金骑行哦~</div>
        <div class="innerBg auth" style="background: #F5F5F5;padding-top: 0">
            <div class="topView">
                <img class="authImg" src="../../images/auth.png">
                <div class="authTxt">为了提高您账户的安全，保障您的权益，请完成实名认证</div>
            </div>
            <!-- 当前登录手机号码 -->
            <div class="weui-cell authInput" style="border-bottom:2px solid #eee;">
                <div class="weui-cell__hd"><label class="weui-label" style="width:auto;">当前登录手机号码</label></div>
                <div class="weui-cell__bd" style="flex:1;text-align:right">
                    <div style="font-size:14px">{{phone}}</div>
                </div>
            </div>
            <!-- 姓名 -->
            <div class="weui-cell authInput" style="border-bottom:2px solid #eee;">
                <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
                <div class="weui-cell__bd" style="flex:1;text-align:right">
                    <input class="weui-input lbInput" type="text" placeholder="请输入当前手机号对应的姓名" @input="getUserName" />
                </div>
            </div>
            <!-- 身份证 -->
            <div class="weui-cell authInput">
                <div class="weui-cell__hd"><label class="weui-label">身份证</label></div>
                <div class="weui-cell__bd" style="flex:1;text-align:right">
                    <input class="weui-input lbInput" type="idcard" placeholder="请输入当前手机号对应的身份证号" @input="getIdCardNum"
                           maxlength="18" />
                </div>
            </div>
            <div class="customer" @click="tel">客服电话：<span class="tel">400-607-6666</span></div>
            <div class="weui-btn_area" style="padding:24px 60px 0">
                <button class="authButton" @click="authOpts" :disabled="disabled">立即认证</button>
            </div>
        </div>
        <div class="cover" v-if="pushCutSuccess">
            <div class="cutDeposit_view">
                <img class="nolocation_img" style="margin-top:50px" src="../../images/cut_success@3x.png">
                <span class="cutDeposit_text" style="margin-top:44px;font-size:40px;font-weight:bold;">砍押金成功</span>
                <span class="cutDeposit_text" style="color:#FF444D;margin:24px;font-weight:bold;">恭喜获得{{money}}元骑行券</span>
                <span class="cutDeposit_text" style="margin-bottom:48px;font-size:28px"
                      v-if="num==1">再邀请{{num}}位好友砍押金,你也可以免押骑!</span>
                <span class="cutDeposit_text" style="margin-bottom:48px;font-size:28px"
                      v-if="num==0">您也可免押骑小遛了</span>
                <button class="cutDeposit_confirm" @click="closePushCutSuccess">我知道了</button>
                <span class="cutDeposit_tip" v-if="num>0">下载小遛共享APP，邀好友砍押金</span>
                <span class="cutDeposit_tip" v-if="num==0">下载小遛共享APP，免押骑小遛</span>
            </div>
        </div>
    </div>
</template>
<script>
    import authentication from './authentication'
    export default {
        mixins: [authentication],
        data() {
            return {

            }
        }
    }
</script>
<style scoped lang="stylus">
    @import "./authentication.styl"
</style>
